<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://ecomfe.github.io/zrender-doc/public/lib/js/zrender.min.js"></script>
    <script type="text/javascript" src="../js/pointLinkedList.js"></script>
    <script type="text/javascript" src="../js/draw.js"></script>
    <script type="text/javascript" src="../js/ai.js"></script>
    <script type="text/javascript" src="../js/checkerboard.js"></script>
</head>
<body>
    <div id="main" style="width: 1000px; height: 500px; border: 1px red solid; min">
    </div>
    
    <p>
        <label>
            <input type="checkbox" id="isDemo"/> 是否开启demo 模式
        </label>
        <label>
            <input type="checkbox" id="isStep"/> 赢后是否显示步骤
        </label>
    </p>

    <script>
        $("#isDemo").change(function () {
            isDemo = $(this).is(":checked");
        });
        $("#isStep").change(function () {
            isStep = $(this).is(":checked");
        });

        //https://ecomfe.github.io/zrender-doc/public/api.html#zrenderdisplayable
        //https://ecomfe.github.io/zrender-doc/public/api.html#zrendercircle


    </script>

</body>
</html>